.coupon-main {
  display: flex;
  flex-direction: column;
  .homeSwiper {
    width: 100%;
    height: 2.1615rem;
  }
  .coupon-content {
    margin-top: 0.0729rem;
    min-height: 3.8906rem;
    width: 100%;
    background: white;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 0.1042rem;
    .coupon-title {
      font-size: 0.1667rem;
      color: #2d2d2d;
      position: relative;
      font-weight: bold;
      .bottom-dir {
        position: absolute;
        bottom: -0.0617rem;
        left: 50%;
        transform: translate(-50%);
        width: 0.3281rem;
        height: 0.0469rem;
        border-radius: 0.026rem;
        background: linear-gradient(0deg, #f93d21, #ffa844);
      }
    }

    .coupon-list {
      margin-top: 0.2031rem;
      display: flex;
      flex-wrap: wrap;
      // flex: 1;
      width: 95%;
      justify-content: space-between;
      .coupon-part {
        width: 30%;
        height: 0.8229rem;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        .center{
            width: 90%;
            height: 72%;
            // border: 1px solid red;
            // background: white;
            z-index: 1;
            display: flex;
            align-items: center;
            .img{
                 width: .5rem;
                 height: .5rem;
                 margin-left: .045rem;
                 display: flex;
                 img{
                    width: 100%;
                    height: 100%;
                 }
            }
            .right{
                flex: 1;
                height: .5rem;
                margin-left: .05rem;
                margin-right: .3rem;
                display: flex;
                flex-direction: column;
                .right-top{
                    display: flex;
                    font-size: .1rem;
                    align-items: center;
                    div:nth-child(1){
                        color: #F73F11;
                        font-size: .1575rem;
                        font-weight: 600;
                        span{
                            
                            font-size: .08rem;
                        }
                    }

                    div:nth-child(2){
                        color: #C71D32;
                        font-size: .0729rem;
                        width: .5365rem;
                        height: .1458rem;
                        padding-left: .02rem;
                        background: #ffe7e2;
                        display: flex;
                        margin-left: .1rem;
                        justify-content: center;
                        align-items: center;
                      
                    }
                }
                .right-bottom{
                     font-size: .0729rem;
                     @media screen and (min-width: 1400px) {
                        margin-top: .05rem;
                     }
                    
                }
                
            }
        }
        .right-button{
            writing-mode:tb-rl;
            position: absolute;
            z-index: 2;
            right: .1rem;
            height: .6rem;
          
            border-radius: .0938rem;
            width: .1771rem;
            box-shadow: 0px .0156rem .0313rem 0px rgba(83,47,0,0.16); 
            top: 50%;
            font-size: .0938rem;
            display: flex;
            align-items: center;
            justify-content: center;
           
            font-weight: 600;

        

            transform: translate(0,-50%);
        }

        .get{
            background: #dedede;
            color: #7a7474;
        }
        .noget{
            background: linear-gradient(177deg,#fffaee 2%, #ffe9b1 98%);
            color: #ff5f11;
            border: 1px solid #f88a1c;
        }
        .coupon-bg {
          position: absolute;
          left: 0;
          top: 0;
          display: flex;
          width: 100%;
          height: 100%;
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }
}
